<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <f:view>
        <h:head>
            <title>ElevationSystem</title>
            <link href="css/reset.css" rel="stylesheet" type="text/css" />
            <link href="css/style.css" rel="stylesheet" type="text/css" />
            <link href="js/jquery.wysiwyg.css" rel="stylesheet" type="text/css" />
            <link type="text/css" media="screen" rel="stylesheet" href="js/colorbox.css" />
            <link type="text/css" media="screen" rel="stylesheet" href="js/colorbox-custom.css" />

            <style type="text/css">
                div.wysiwyg ul.panel li {padding:0px !important;} /**textarea visual editor padding override**/
            </style>   
            <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
            <script type="text/javascript" src="js/jquery.colorbox-min.js"></script>
            <script type="text/javascript" src="js/jquery.ui.js"></script>
            <script type="text/javascript" src="js/jquery.corners.min.js"></script>
            <script type="text/javascript" src="js/bg.pos.js"></script>
            <script type="text/javascript" src="js/jquery.wysiwyg.js"></script>

            <script src="js/tabs.pack.js" type="text/javascript"></script>
            <script type="text/javascript" src="js/cleanity.js"></script>

        </h:head>
        <h:body>
            <h:form>
                <h:outputText value="Welcome : #{loginController.managerLogin.mnUserName}" rendered="#{not empty loginController.managerLogin}" />
                <h:commandLink value="[Logout]" action="#{loginController.logoutManager}" />

                <c:set var="a" value="#{loginController.managerLogin.mnPermission}"/>          
                <c:if test="#{a==0}"    >
                    <h:form>
                        <ul >            
                            <li>
                                <a href="#" class="nav-top-item" >Complaint</a>
                                <ul>
                                    <li><a href="#{request.contextPath}/faces/Admin/Complaint/Create.xhtml">Create Complaint </a> </li>
                                    <li><a href="#{request.contextPath}/faces/Admin/Complaint/ComplaintManagement.xhtml">Complaint Management</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" class="nav-top-item">Elevation</a>
                                <ul>
                                    <li><a href="#{request.contextPath}/faces/Admin/Elevation/Create.xhtml">Create Elevation </a></li>
                                    <li><a href="#{request.contextPath}/faces/Admin/Elevation/ElevationManagement.xhtml">Elevation Management</a> </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" class="nav-top-item">ElevationType</a>
                                <ul>
                                    <li><a href="#{request.contextPath}/faces/Admin/ElevationType/Create.xhtml">Create Elevation Type</a></li>
                                    <li><a href="#{request.contextPath}/faces/Admin/ElevationType/ElevationTypeManagement.xhtml">Elevation Type Management</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" class="nav-top-item">FeedBack</a>
                                <ul>
                                    <li><a href="#{request.contextPath}/faces/Admin/FeedBack/Create.xhtml">Create FeedBack</a></li>
                                    <li><a href="#{request.contextPath}/faces/Admin/FeedBack/FeedbackManagement.xhtml">Feedback Management</a></li>
                                </ul>
                            </li>

                            <li>
                                <a href="#" class="nav-top-item">Manager</a>
                                <ul>
                                    <li><a href="#{request.contextPath}/faces/Admin/Manager/Create.xhtml">Create Manager</a></li>
                                    <li><a href="#{request.contextPath}/faces/Admin/Manager/ManagerManagement.xhtml">Manager Management</a></li>
                                </ul>
                            </li>

                            <li>
                                <a href="#" class="nav-top-item">Order</a>
                                <ul>                    
                                    <li><a href="#{request.contextPath}/faces/Admin/Order/OrderManagementt.xhtml">OrderManagement</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" class="nav-top-item">Project</a>
                                <ul>
                                    <li><a href="#{request.contextPath}/faces/Admin/Project/Create.xhtml">Create Project</a></li>
                                    <li><a href="#{request.contextPath}/faces/Admin/Project/ProjectManagement.xhtml">Project Management</a></li>
                                    <li><a href="#{request.contextPath}/faces/Admin/Project/NhanvienxulyProject.xhtml">Nhan vien xu ly Project</a></li>

                                </ul>
                            </li>
                            <li>
                                <a href="#" class="nav-top-item">User</a>
                                <ul>
                                    <li><a href="#{request.contextPath}/faces/Admin/User/Create.xhtml">Create User</a></li>
                                    <li><a href="#{request.contextPath}/faces/Admin/User/UserManagement.xhtml">User Management</a></li>

                                </ul>
                            </li>
                        </ul>
                    </h:form>
                </c:if>
                <c:if test="#{a==2}"    >
                    <h:form>
                        <ul >            
                            <li>
                                <a href="#" class="nav-top-item" >Complaint</a>
                                <ul>
                                    <li><a href="#">Create Complaint </a> </li>
                                    <li><a href="#">Complaint Management</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" class="nav-top-item">Elevation</a>
                                <ul>
                                    <li><a href="#">Create Elevation </a></li>
                                    <li><a href="#">Elevation Management</a> </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" class="nav-top-item">ElevationType</a>
                                <ul>
                                    <li><a href="#">Create Elevation Type</a></li>
                                    <li><a href="#">Elevation Type Management</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" class="nav-top-item">FeedBack</a>
                                <ul>
                                    <li><a href="#">Create FeedBack</a></li>
                                    <li><a href="#">Feedback Management</a></li>
                                </ul>
                            </li>

                            <li>
                                <a href="#" class="nav-top-item">Manager</a>
                                <ul>
                                    <li><a href="#">Create Manager</a></li>
                                    <li><a href="#">Manager Management</a></li>
                                </ul>
                            </li>

                            <li>
                                <a href="#" class="nav-top-item">Order</a>
                                <ul>                    
                                    <li><a href="#">OrderManagement</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" class="nav-top-item">Project</a>
                                <ul>
                                    <li><a href="#">Create Project</a></li>
                                    <li><a href="#">Project Management</a></li>
                                    <li><a href="#{request.contextPath}/faces/Admin/Project/NhanvienxulyProject.xhtml">Nhan vien xu ly Project</a></li>

                                </ul>
                            </li>
                            <li>
                                <a href="#" class="nav-top-item">User</a>
                                <ul>
                                    <li><a href="#">Create User</a></li>
                                    <li><a href="#">User Management</a></li>

                                </ul>
                            </li>
                        </ul>
                    </h:form>
                </c:if>
                <c:if test="#{a==1}"    >
                    <h:form>
                        <ul >            
                            <li>
                                <a href="#" class="nav-top-item" >Complaint</a>
                                <ul>
                                    <li><a href="#">Create Complaint </a> </li>
                                    <li><a href="#">Complaint Management</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" class="nav-top-item">Elevation</a>
                                <ul>
                                    <li><a href="#{request.contextPath}/faces/Admin/Elevation/Create.xhtml">Create Elevation </a></li>
                                    <li><a href="#{request.contextPath}/faces/Admin/Elevation/ElevationManagement.xhtml">Elevation Management</a> </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" class="nav-top-item">ElevationType</a>
                                <ul>
                                    <li><a href="#{request.contextPath}/faces/Admin/ElevationType/Create.xhtml">Create Elevation Type</a></li>
                                    <li><a href="#{request.contextPath}/faces/Admin/ElevationType/ElevationTypeManagement.xhtml">Elevation Type Management</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" class="nav-top-item">FeedBack</a>
                                <ul>
                                    <li><a href="#{request.contextPath}/faces/Admin/FeedBack/Create.xhtml">Create FeedBack</a></li>
                                    <li><a href="#{request.contextPath}/faces/Admin/FeedBack/FeedbackManagement.xhtml">Feedback Management</a></li>
                                </ul>
                            </li>

                            <li>
                                <a href="#" class="nav-top-item">Manager</a>
                                <ul>
                                    <li><a href="#">Create Manager</a></li>
                                    <li><a href="#">Manager Management</a></li>
                                </ul>
                            </li>

                            <li>
                                <a href="#" class="nav-top-item">Order</a>
                                <ul>                    
                                    <li><a href="#{request.contextPath}/faces/Admin/Order/OrderManagementt.xhtml">OrderManagement</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" class="nav-top-item">Project</a>
                                <ul>
                                    <li><a href="#{request.contextPath}/faces/Admin/Project/Create.xhtml">Create Project</a></li>
                                    <li><a href="#">Project Management</a></li>
                                    <li><a href="#">Nhan vien xu ly Project</a></li>

                                </ul>
                            </li>
                            <li>
                                <a href="#" class="nav-top-item">User</a>
                                <ul>
                                    <li><a href="#">Create User</a></li>
                                    <li><a href="#">User Management</a></li>
                                </ul>
                            </li>
                        </ul>
                    </h:form>
                </c:if>
            </h:form>
            <div id="main-content">

                <h1>
                    <ui:insert name="title">Default Title</ui:insert>
                </h1>
                <p>
                    <ui:insert name="body" >Default Body</ui:insert>
                </p> 
            </div>
        </h:body>
    </f:view>
</html>

